<template name="cubar">
	<view>
		<cu-custom :bgColor="bgColor" :isBack="true" :class="bg">
			<block slot="backText"></block>
			<block slot="content">{{value}}</block>
			<!-- <block slot="right">
				<view class="iconbg margin-right-sm navview">
					<view class="lg cuIcon-more" @tap="show = !show"></view>
					<view class="curnav" v-if="show">
						<view class="navitem" @tap="goPage('/pages/index/index')">
							首页
						</view>
						<view class="navitem" @tap="goPage('/pages/member/index')">
							个人中心
						</view>
					</view>
				</view>
			</block> -->
		</cu-custom>
	</view>
</template>

<script>
	export default {
		name: "cubar",
		props: {
			bg: {
				type: String,
				default: ''
			},
			bgColor: {
				type: String,
				default: ''
			},
			value: {
				type: String,
				default: ''
			}
		},
		data() {
			return {
				show: false,
			}
		},
		created: function(e) {
			this.show = false
		},
		methods: {},
	}
</script>

<style>
	.bgfixed {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9;
	}

	
	.iconbg {
		color: #FFF;
		border-radius: 50%;
		width: 60rpx;
		height: 60rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.cuIcon-more{
		color: #000000;
	}
	.bgfixed .cuIcon-more{
		color: #FFFFFF;
	}

	.bgfixed .cuIcon-back,
	.bgfixed .iconbg {
		background-color: rgb(0, 0, 0, 0.5);
		color: #FFF;
		border-radius: 50%;
		width: 60rpx;
		height: 60rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.iconbg image {
		width: 40rpx;
		height: 40rpx;
	}

	.navview {
		position: relative;
	}

	.curnav {
		position: absolute;
		background-color: rgb(0, 0, 0, 0.8);
		border-radius: 10rpx;
		padding: 20rpx 10rpx;
		width: 200rpx;
		top: 70rpx;
		right: 0;
	}

	.navitem {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		font-size: 24rpx;
		margin-bottom: 10rpx;
		border-bottom: 1px solid #666;
		padding: 10rpx 0;
	}

	.navitem:last-child {
		border: none;
		margin-bottom: 0;
	}

	.navitem image {
		width: 30rpx;
		height: 30rpx;
		margin-left: 10rpx;
		margin-right: 20rpx;
	}
</style>
